extends ../../layout

block style
  link(rel="stylesheet", href="/stylesheets/webapi/imageCapture.css")
block prevScript
  script(src="/javascripts/comm/vconsole.min.js")
  script
    | var vConsole = new VConsole()

block content
  include ../documentPath.pug
  div#takePhoto.usageBlock
    video(autoplay)#photoVideo
    img#photoImg(width="100%")
    input(type="range" hidden)#inputRange
    button#takePhoto 拍照
  div#grabFrame.usageBlock
    canvas#grabCanvas
    button#stopGrab 停止帧获取
  div#postProcessing.usageBlock
    canvas#ppCanvas
  div#focusAndPhoto.usageBlock
    video#fapVideo(autoplay)
    img#fapImg
    input(type="range" hidden)#fapRange
    button#fapTakePhoto 拍照
  script(src="/javascripts/webapi/imageCapture/index.js")